import React, { Component } from 'react'
import '../assets/styles/loginPage.less'

// 导入图片组件
import Img from '../components/Img'

// 导入表单中的输入框组件
import FormInput from '../components/FormInput'

// 导入按钮组件
import FormBtn from '../components/FormBtn'
import { Link } from 'react-router-dom'
class LoginPage extends Component {
  render() {
    return (
      <div className="login-page">
        <Img src="logo.png" />

        <form className="login-form">
          <FormInput type="text" iconClass="shouji" placeholder="用户名" />
          <FormInput type="password" iconClass="mima" placeholder="密码" />
          <Link to="/home">
            <FormBtn>登录</FormBtn>
          </Link>
          <FormBtn type="ordinary">忘记密码</FormBtn>
          <button className="bottom-btn">免费注册</button>
          <button className="bottom-btn">游客登录</button>
        </form>
      </div>
    )
  }
}

export default LoginPage
